<!DOCTYPE html>
<html>
<head>
    {{theme:partial name = "metadata"}}
</head>
<body>
<div id="body">
<div id="wrapper">
{{theme:partial name = "header"}}

<div id="container">
      
      <!--slide-2-->
    <section id="center-panel" class="column">
	    <div id="content">
        	{{ block:render position = "search" }}
            
        	{{theme:partial name = "breadcrumbs"}}
        	
            <!--if parent_id
             shop:categories parent_id = '{{parent_id}}' level = '1' 
            endif -->
			
            {{ template:breadcrumbs }}
				{{ if uri }}
					<div>{{ url:anchor segments=uri title=name }}&nbsp;>&nbsp;</div>
				{{ else }}
            	<div class="post-h">{{ name }}</div>
				{{ endif }}
			{{ /template:breadcrumbs }}
			
			
            {{if pagination}}
			<div class="pagination top">
				{{ pagination }}
            </div>
            {{endif}}
            
            {{if error}}
	            <div class="error alert animated fadeIn"><p>{{error}}</p></div>
            {{endif}}
            
			{{ template:body }}
            <!--is home -->
            {{ if is_home == true }}
            {{ block:render position = "home" }}
            {{ endif}}
            <!--end is home -->
			</div>
    </section>
</div>
<!---->
</div>
<div class="clr"> </div>
{{ theme:partial name = "footer" }}
    
	
    
        
				<!--
				<a href="{{url:site uri='shop/product'}}">Sản phẩm</a>
				<a href="{{url:site uri='about'}}">Giới thiệu</a>
				<a href="{{url:site uri='contact'}}">Liên hệ</a>-->
				
        
    
    
	
    
        <!-- block:render position = "left"  -->
    
    
    
    
    
   
    


<!---->

<script>
//<div class="left_hover"></div>

//<div class="right_hover"></div>
$('.menu > li').hover(function(){
		$(this).siblings().find('ul').hide();
		$(this).find('ul').slideDown();
			},function(){
				//$(this).find('ul').hide();
			});

	$('.menu li.hasChild ul li a').hover(function(){
		$('.menu li.active').removeClass('active');
		$('.left_hover').remove();
		$('.right_hover').remove();
		$('.main_hover').removeClass('main_hover');
		$th = $(this);
		$th.addClass('main_hover');
		$left_hover = '<div class="left_hover"></div>';
		$right_hover = '<div class="right_hover"></div>';
		$th.after($right_hover);
		$th.before($left_hover);
	},function(){
		$th = $(this);
		$('.menu li.active').removeClass('active');
		$th.removeClass('main_hover');
		$('.left_hover').remove();
		$('.right_hover').remove();
		$th.removeClass('main_hover')
	});
</script>
</div>
{{if admin}}

{{ theme:partial name="toolbar" }}

{{endif}}
</body>
</html>